草庐IT

Bootstrap5 颜色

全部标签

javascript - Rails 应用程序 : require bootstrap vs require bootstrap-sprockets

添加之间的相应区别是什么//=requirebootstrap-sprockets和//=requirebootstrap到application.js?documentation说:bootstrap-sprocketsprovidesindividualBootstrapJavascriptfiles(alert.jsordropdown.js,forexample),whilebootstrapprovidesaconcatenatedfilecontainingallBootstrapJavascripts一个提供比另一个更好的性能吗? 最佳答案

javascript - 在 Formik 中添加 react-bootstrap 警报以处理提交

我正在尝试向我的Formik表单添加一个react-bootstrap警报,以便handleSubmit向用户发出表单已提交的警报。我使用了react-bootstrap记录的Alert形式,但是我不得不更改最后一行,因为这似乎不起作用(错误说如果我使用react-bootstrap记录的形式,我没有导出任何东西警报。我的警报是:importReactfrom'react';import{Alert,Button,}from"react-bootstrap";classAlertDismissibleextendsReact.Component{constructor(props){s

javascript - Material-UI 更改输入 float 标签的颜色

我想更改Material-UI的TextField的float标题的颜色。如文档中所述,我将对象颜色作为floatingLabelStyle传递:但这适用于标签的两种状态-悬停在输入上方和输入上但没有焦点时,它应该是灰色的。我想我正在覆盖某种CSS转换,但不知道如何让它工作。有什么建议吗? 最佳答案 这样就可以了InputLabelProps={{style:{color:'#fff'},}} 关于javascript-Material-UI更改输入float标签的颜色,我们在Stack

javascript - 如何在 Bootstrap 表中插入和更新数据?

我还没有找到关于如何在bootstrap表中插入和更新数据的确切答案。数据来自JSON格式的URL。我必须在同一个表中使用多个URL。 最佳答案 LoadTableUpdateTableItemIDItemNameItemPrice$('#table').bootstrapTable({});functionload(){vardata=[{id:1,name:'Item1',price:'$1'},{id:2,name:'Item2',price:'$4'}];$('#table').bootstrapTable("load",d

javascript - 根据背景颜色更改多个元素颜色

我有一个包含多个元素的固定菜单。我正在尝试找到一种方法让所有这些元素根据背景颜色改变颜色。元素是一个#page::before,.logo-scroll这两个元素都有白色边框(无填充)主导航.main-navigation的链接及其边框为白色白色的标志。我也有黑色版本。我的网站由3种颜色组成,黑色、白色和黄色。当背景部分为黄色或白色时,我希望元素切换为黑色。该网站正在build中,但您可以在此处查看:https://www.sheree-new.shereewalker.com我试过这个标志https://eduardoboucas.com/blog/2017/09/25/svg-cl

javascript - 为什么改变正文的背景颜色会改变整个页面的背景?

我使用这段代码记录了高度和填充值:jQuery(document).ready(function(){console.log(jQuery('body').css('height'));console.log(jQuery('body').css('padding-top'));console.log(jQuery('body').css('padding-bottom'));});//endready这个输出:20px0px0px如果body的高度只有20像素,为什么当我使用这个CSS时浏览器的整个背景都变黑了:body{background:black;}我使用Chrome作为我的

javascript - 如果显示 bootstrap 下拉列表,jQuery 在悬停在一定宽度上时添加类

我正在使用带下拉菜单的Bootstrap。我的anchor在悬停时有背景色。但是当下拉菜单显示时,我希望包含下拉菜单的父级失去背景颜色。我的HTML是:HomeAboutDrop1Drop2Drop3我的尝试:$(document).ready(function(){varsection=$('.av-nav.navlia:hover');varwidth=section.width();if(widthCSS:.nobg{background:none!important;}我的代码不起作用,我做错了什么? 最佳答案 您可以使用b

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - Bootstrap 函数声明

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭8年前。我查看了bootstrapJS源代码,发现了一些我以前从未见过的东西:+function($){"usestrict";//...}(window.jQuery);函数声明前的+号是怎么回事?是为了缓解一些潜在的缩小问题还是什么?我相信在表达式类型之前放置一个+会将表达式的结果转换为一个数字,但我看不出它在这里有什么相关性。感谢任何能为我阐明这一点的人。

javascript - 如何使用angular 6和bootstrap 3.3.7创建带有复选框列表的可折叠/可展开/树结构

在这里,我正在尝试在父项和子项上使用复选框的可折叠/树结构,但我无法准确地创建它,我能够从json创建直到无序列表{"properties":{"host":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata":true},"information":{"properties":{"filetype":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata"